<template>
  <div class="app">
    <h1>{{msg}}</h1>
	<School/>
	<Student/>
  </div>
</template>

<script>
    // 引入Student组件
    import School from './components/School.vue';
    import Student from './components/Student.vue';

    export default {
        name:'App',
        // 注册组件（局部注册）
        components:{School,Student},
        data(){
          return {
            msg:'你好啊！',
          }
        },
    }
</script>

<style>
  .app{
    background-color: brown;
    padding: 5px;
    margin: 5px;
  }
</style>